
<!DOCTYPE html>
<html>
<head>
    <!-- QQCard BEGIN -->
    <meta itemprop="name" content="个人主页">
    <meta itemprop="image" content="/favicon.ico">
    <meta name="description" itemprop="description" content="从零开始的互联网生活">
    <!-- QQCard END -->
    <meta charset="utf-8">
    <title>Me</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="An-个人主页">
    <meta name="description" content="An-导航发布页">
    <meta name="author" content=An>
    <meta itemprop="name" content="An-个人主页">
    <meta itemprop="image" content="favicon.ico">
    <meta name="description" itemprop="description" content="Welcome to the me">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/APlayer.min.css">
    <link rel="apple-touch-icon" href="/favicon.ico">
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="css/app.css" type="text/css" media="all">
    <style>#loading{background-color:#fff;height:100%;width:100%;position:fixed;z-index:1;margin-top:0px;top:0px;}#loading-center{width:100%;height:100%;position:relative;}#loading-center-absolute{position:absolute;left:50%;top:50%;height:50px;width:50px;margin-top:-25px;margin-left:-25px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:loading-center-absolute 1.5s infinite;animation:loading-center-absolute 1.5s infinite;}.object{width:25px;height:25px;background-color:#000;float:left;}#object_one{-webkit-animation:object_one 1.5s infinite;animation:object_one 1.5s infinite;}#object_two{-webkit-animation:object_two 1.5s infinite;animation:object_two 1.5s infinite;}#object_three{-webkit-animation:object_three 1.5s infinite;animation:object_three 1.5s infinite;}#object_four{-webkit-animation:object_four 1.5s infinite;animation:object_four 1.5s infinite;}@-webkit-keyframes loading-center-absolute{100%{-webkit-transform:rotate(-45deg);}}@keyframes loading-center-absolute{100%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}}@-webkit-keyframes object_one{25%{-webkit-transform:translate(0,-50px) rotate(-180deg);}100%{-webkit-transform:translate(0,0) rotate(-180deg);}}@keyframes object_one{25%{transform:translate(0,-50px) rotate(-180deg);-webkit-transform:translate(0,-50px) rotate(-180deg);}100%{transform:translate(0,0) rotate(-180deg);-webkit-transform:translate(0,0) rotate(-180deg);}}@-webkit-keyframes object_two{25%{-webkit-transform:translate(50px,0) rotate(-180deg);}100%{-webkit-transform:translate(0,0) rotate(-180deg);}}@keyframes object_two{25%{transform:translate(50px,0) rotate(-180deg);-webkit-transform:translate(50px,0) rotate(-180deg);}100%{transform:translate(0,0) rotate(-180deg);-webkit-transform:translate(0,0) rotate(-180deg);}}@-webkit-keyframes object_three{25%{-webkit-transform:translate(-50px,0) rotate(-180deg);}100%{-webkit-transform:translate(0,0) rotate(-180deg);}}@keyframes object_three{25%{transform:translate(-50px,0) rotate(-180deg);-webkit-transform:translate(-50px,0) rotate(-180deg);}100%{transform:translate(0,0) rotate(-180deg);-webkit-transform:rtranslate(0,0) rotate(-180deg);}}@-webkit-keyframes object_four{25%{-webkit-transform:translate(0,50px) rotate(-180deg);}100%{-webkit-transform:translate(0,0) rotate(-180deg);}}@keyframes object_four{25%{transform:translate(0,50px) rotate(-180deg);-webkit-transform:translate(0,50px) rotate(-180deg);}100%{transform:translate(0,0) rotate(-180deg);-webkit-transform:translate(0,0) rotate(-180deg);}}
     * {margin: 0; padding: 0;}
              html, body {width: 100%; height: 100%; overflow: hidden;}
              #container {overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
              #background_video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; z-index: -9999;}
              #video_cover {position: absolute; width: 100%; height: 100%; background: url('/me/img/2.jpg') no-repeat; background-size: cover; background-position: center;}
    </style>

</head>
<body>
    <div id="loading" style="z-index:9999999">
	  <div id="loading-center">
	    <div id="loading-center-absolute">
	      <div class="object" id="object_one"></div>
	      <div class="object" id="object_two"></div>
	      <div class="object" id="object_three"></div>
	      <div class="object" id="object_four"></div>
	    </div>
	  </div>
	</div>
    <span class="mobile btn-mobile-menu">
        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
        <i class="social iconfont icon-angleup btn-mobile-close__icon hidden"></i>
    </span>
    <header id="panel" class="panel-cover" style="background:url('/me/img/1.jpg') center center no-repeat #666">
                <div id="container">
              <video id="background_video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="h5" loop>抱歉，您的浏览器不支持内嵌视频
              <source src="https://api.gmit.vip/lib" type="video/mp4"></source>
              </video>
              <div id="video_cover"></div>
        </div>
        <div class="panel-main">
            <div class="panel-main__inner panel-inverted">
                <div class="panel-main__content" style="max-width: 800px;">
                    <div class="ih-item circle effect right_to_left">
                    <a href=" " class="blog-button">    
                            <div class="img"><img style="background-color:#000000;" src="http://q1.qlogo.cn/g?b=qq&nk=1951397915&s=640" alt="img" class="js-avatar iUp profilepic"></div>
                            <div class="info iUp">
                                <div class="info-back">
                                    <h2 class="web-font">
                                            An
                                    </h2>
                                    <p>
                                            .
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <h2 class="panel-cover__title panel-title iUp">
                       
                    </h2>
                    <p class="panel-cover__subtitle panel-subtitle iUp colors">心存敬畏，行有所止</p>
                    <hr class="panel-cover__divider iUp">
                    <p id="description" class="panel-cover__description iUp">
                        <span class="panel-subtitle">
                            <i style="color:red;" class="fa fa-heart" aria-hidden="true"></i>
                            <span id="word">Loading<i class="fa fa-spinner fa-spin" aria-hidden="true"></i></span>
                            <i style="color:red;" class="fa fa-heart" aria-hidden="true"></i>
                        </span>
                        <br>
                        <!--<strong>「一言」</strong>-->
                     </p>
                    <div class="navigation-wrapper iUp">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">
                                    
                                    <li class="navigation__item">
                                        <a href="http://" class="blog-button" target="_blank">暂</a>
                                        </li>
                                    <li class="navigation__item">
                                        <a href="https://" class="blog-button" target="_blank">无</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="http://" class="blog-button" target="_blank">！</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="iUp">
                           <nav class="cover-navigation navigation--social">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="https://weibo.com/" title="weibo" target="_blank">
                                            <i class="social iconfont icon-weibo"></i>
                                            <span class="label">weibo</span>
                                        </a>
                                    </li>
									
									<!--<li class="navigation__item">-->
         <!--                               <a href="https://music.163.com/#/playlist?id=308686677" title="music" target="_blank">-->
         <!--                                   <i class='social iconfont icon-music'></i>-->
         <!--                                   <span class="label">music</span>-->
         <!--                               </a>-->
         <!--                           </li>-->

                                    <li class="navigation__item">
                                        <a href="mailto:1951397915@qq.com" title="email">
                                            <i class="social iconfont icon-email"></i>
                                            <span class="label">email</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-cover--overlay cover-slate"></div>
        </div>
        <!--<div class="remark iUp">-->
        <!--    <p class="power">Powered by 叶叶</p>-->
        <!--</div>-->
        <div id="fps" style="z-index:999;position:fixed;bottom:3px;right:3px;color:#FFF;font-size:10px;"></div>
        
    </header>
    <script type="text/javascript" charset="utf-8">
        function endebug(off, code) {
            if (!off) {
                !function (e) {
                    function n(e) {
                        function n() {
                            return u
                        }
                        function o() {
                            window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized ? t("on") : (a = "off", console.log(d), console.clear(), t(a))
                        }
                        function t(e) {
                            u !== e && (u = e, "function" == typeof c.onchange && c.onchange(e))
                        }
                        function r() {
                            l || (l = !0, window.removeEventListener("resize", o), clearInterval(f))
                        }
                        "function" == typeof e && (e = {
                            onchange: e
                        });
                        var i = (e = e || {}).delay || 500,
                            c = {};
                        c.onchange = e.onchange;
                        var a, d = new Image;
                        d.__defineGetter__("id", function () {
                            a = "on"
                        });
                        var u = "unknown";
                        c.getStatus = n;
                        var f = setInterval(o, i);
                        window.addEventListener("resize", o);
                        var l;
                        return c.free = r, c
                    }
                    var o = o || {};
                    o.create = n, "function" == typeof define ? (define.amd || define.cmd) && define(function () {
                        return o
                    }) : "undefined" != typeof module && module.exports ? module.exports = o : window.jdetects = o
                }(), jdetects.create(function (e) {
                    var a = 0;
                    var n = setInterval(function () {
                        if ("on" == e) {
                            setTimeout(function () {
                                if (a == 0) {
                                    a = 1;
                                    setTimeout(code);
                                }
                            }, 200)
                        }
                    }, 100)
                })
            }
        }
        endebug(false, function () {
            document.write('<div style="padding-top:100px;;width: 100%;height: 50px;font-size: 30px;text-align: center;font-weight: bold;">检测到非法调试,请关闭后刷新重试</div>');
        });
    </script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/ping.min.js"></script>
    <script type="text/javascript" src="js/fetch.min.js"></script>
    <script src="js/eye.js"></script>
    <script src="js/APlayer.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/typed.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/fang.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="js/bideo.js"></script>
    <script>
    var iUp = (function () {
    	var t = 0,
    	d = 150,
    	clean = function () {
    		t = 0;
    	},
    	up = function (e) {
    		setTimeout(function () {
    			$(e).addClass("up")
    		}, t);
    		t += d;
    	},
    	down = function (e) {
    		$(e).removeClass("up");
    	},
    	toggle = function (e) {
    		setTimeout(function () {
    			$(e).toggleClass("up")
    		}, t);
    		t += d;
    	};
    	return {
    		clean: clean,
    		up: up,
    		down: down,
    		toggle: toggle
    	}
    })();
    $(document).ready(function () {
        $(".iUp").each(function (i, e) {
    		iUp.up(e);
    	});
    	$(".js-avatar")[0].onload = function () {
    		$(".js-avatar").addClass("show");
    	}
    });

    $("body").css("cursor", "url('/image/sketch/normal.cur'), default");
    $("a").css("cursor", "url('/image/sketch/link.cur'), pointer");
    console.log("\n %c HANK %c loli.ma","color:#444;background:#eee;padding:5px 0;","color:#eee;background:#444;padding:5px 0;");
    $(function(){
   $.ajax({
            type:"get",
            url:"https://open.gmit.vip/web/Lib/index",
            async:true,
            success:function(word){
                var list = [];
                for(var i = 0 ;i < word.data.length ; i++){
                    list.push(word.data[i].text);
                }
                $("#word").typed({
                    strings: list,
                    typeSpeed: 20,
                    loop: true,
                    backDelay: 3000,
                });
            }
        });
    });
    /*网站打开提醒代码开始*/
    $(function(){
    	if(/*getCookie('msg') !=*/ 1){
    		var t = document.createElement("a");
    	    t.href = document.referrer;
    	    var msgTitle = t.hostname;
    	    var name = t.hostname.split(".")[1];
    	    if("" !== document.referrer){
    	        switch (name) {
    	            case 'bing':
    	                msgTitle = '必应搜索';
    	                break;
    	            case 'baidu':
    	                msgTitle = '百度搜索';
    	                break;
    	            case 'so':
    	                msgTitle = '360搜索';
    	                break;
    	            case 'google':
    	                msgTitle = '谷歌搜索';
    	                break;
    	            case 'sm':
    	                msgTitle = '神马搜索';
    	                break;
    	            case 'sogou':
    	                msgTitle = '搜狗搜索';
    	                break;
    	            default:
    	                msgTitle =  t.hostname;
    	        }
    	    };
    	    var time = (new Date).getHours();
    	    var msg = '';
    	    23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？":
    	    5< time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！":
    	    7< time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！":
    	    11< time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！":
    	    14< time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？":
    	    17< time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~":
    	    19< time && time <= 21 ? msg = "晚上好，今天过得怎么样？":
    	    21< time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~");
    	    $.ajax({
    	        type:"get",
    	        url:"https://open.gmit.vip/web/api/UserInfo/",
    	        async:true,
    	        success:function(data){
    	            window.info = data;
    	            layer.msg("Hi~ 来自"+ data.data.location + '~<br/>通过 '+msgTitle+' 进来的朋友！<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站！' + '<br/>' + msg);
                    var showFPS = (function(){
                        var requestAnimationFrame =
                            window.requestAnimationFrame ||
                            window.webkitRequestAnimationFrame ||
                            window.mozRequestAnimationFrame ||
                            window.oRequestAnimationFrame ||
                            window.msRequestAnimationFrame ||
                            function(callback) {
                                window.setTimeout(callback, 1000/60);
                            };
                        var e,pe,pid,fps,last,offset,step,appendFps;

                        fps = 0;
                        last = Date.now();
                        step = function(){
                            offset = Date.now() - last;
                            fps += 1;
                            if( offset >= 1000 ){
                            last += offset;
                            appendFps(fps);
                            fps = 0;
                            }
                            requestAnimationFrame( step );
                        };
                        appendFps = function(fps){
                            var settings = {
                                timeout: 5000,
                                logError: true
                            }
                            var p = new Ping(settings);
                            p.ping("https://loli.ma", function(perr, ping) {
                                if(perr){
                                    $('#fps').html('<span style="float:right">'+fps+'FPS</span><br/><span style="float:right">'+window.info.data.os+'</span><br/><span style="float:right;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:right;margin-top:1px;">'+window.info.data.location+'</span><br/><span style="float:right;margin-top:1px;">©2021 Tang</span>');
                                }
                                if(ping){
                                    $('#fps').html('<span style="float:right">'+fps+'FPS</span><br/><span style="float:right">'+window.info.data.os+'</span><br/><span style="float:right;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:right;margin-top:1px;">'+window.info.data.location+' '+ping+'ms</span><br/><span style="float:right;margin-top:1px;">©2021 An</span>');
                                }
                                console.log(fps+'FPS '+ping+'ms');
                            });
                        };
                        step();
                    })();
    	        }
    	    });
    	};
    });
    $('.btn-mobile-menu__icon').click(function() {
        if ($('.navigation-wrapper').css('display') == "block") {
          $('.navigation-wrapper').on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
            $('.navigation-wrapper').toggleClass('visible animated bounceOutUp');
            $('.navigation-wrapper').off('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend');
          });
          $('.navigation-wrapper').toggleClass('animated bounceInDown animated bounceOutUp');

        } else {
          $('.navigation-wrapper').toggleClass('visible animated bounceInDown');
        }
        $('.btn-mobile-menu__icon').toggleClass('social iconfont icon-list social iconfont icon-angleup animated fadeIn');
    });
   $(function(){
            $.ajax({
            type:"get",
            url:"https://open.gmit.vip/web/lib/MyPlayList?site=tencent&id=2650635872 ",
            async:true,
            success:function(res){
                window.ap = new APlayer({
                    container: document.getElementById('player'),
                    autoplay: false,
                    fixed: true,
                    preload: 'auto',
                    mutex: true,
                    lrcType: 3,
                    audio: res,
                });
                window.ap.lrc.show();
                window.ap.list.show();
                window.ap.play();
            }
        });
    });
       $.ajax({
        type:"post", 
        url:"https://api.gmit.vip/lib",
        async:true,   
        data:{
            format:'json',
        },
        success:function(res){
            window.bv = new Bideo();
            bv.init({
                videoEl: document.querySelector('#background_video'),
                container: document.querySelector('body'),
                resize: true,
                autoplay: true,
                src: [
                    {
                      src: res.url,
                      type: res.type
                    }
                ],
                onLoad: function () {
                    document.querySelector('#video_cover').style.display = 'none';
                }
            });
        }
    });
    $("#panel").click(function(){
        $('#background_video').trigger('play');
    });
    $(function(){
        setInterval(function(){
            if(ap.audio.paused){
                $('#background_video').trigger('play');
            }
        },100);
       $('#background_video').trigger('play'); 
    });

    $(function(){
        $("#loading").fadeOut(500);
    });
    </script>

</body>
</html>